/*
 * 作者：pan
 * 时间：2016-10-08
 * 描述：公共样式表
*/


/*定义rem的大小位设计图上面的100px(不设置为10px的原因是google浏览器的最小识别font0-size为12px;在手机端没有此问题)*/


/*如果只在手机端设置的话可以设置为font-size : calc(100vw/72)，1rem = 设计图上的10px，如此还原设计图时设计图上的27px就是2.7rem*/

html {
	font-size: 50px;
}


/*兼容android4.4以下版本，一般为手机端*/

html {
	font-size: calc(100vw/7.2)
}


/*当前1rem大小为设计图的100px，以设计图宽720px为标准*/


/*当屏幕大于500px时(pad),等比例缩小rem为1.5倍*/

@media screen and (min-width: 500px) {
	html {
		font-size: calc(100vw/7.2/1.5)
	}
}


/*背景颜色*/

.BG_C1 {
	background-color: #009FA8;
}

.BG_C2 {
	background-color: #3A3A3A;
}

.BG_C3 {
	background-color: #8D8D8D;
}

.BG_C4 {
	background-color: #C8C8C8;
}

.BG_C5 {
	background-color: #DBDBDB;
}

.BG_C6 {
	background-color: #E6E6E6;
}

.BG_C7 {
	background-color: #F5F5F5;
}

.BG_C8 {
	background-color: #FFFFFF;
}


/*字体颜色*/

.COL_C1 {
	color: #009FA8;
}


/*小面积使用，用于特别需要强调和突出的文字／按钮和icon（如tab标题或祝菜单栏（选中）／注册按钮等）*/

.COL_C2 {
	color: #3A3A3A;
}


/*用于重要级文字信息（如一级标题／标题栏标题／类目名称／单行列表等）*/

.COL_C3 {
	color: #8D8D8D;
}


/*用于辅助／次要的文字信息／普通按钮描边/图标默认*/

.COL_C4 {
	color: #C8C8C8;
}


/*用于置灰不可点击*/

.COL_C5 {
	color: #DBDBDB;
}


/*用于文本或文本域请输入文字提示*/

.COL_C6 {
	color: #E6E6E6;
}


/*用于边线或分隔线*/

.COL_C7 {
	color: #F5F5F5;
}


/*用于背景色*/

.COL_C8 {
	color: #FFFFFF;
}

.COL_C9 {
	color: #000000;
}
/*用于内容区卡片背景/标题栏文字及图标颜色/深色背景下的图标及文字颜色*/

.COLOR_TITLE {
	color: #009FA8;
}


/*字体大小*/

.FONT_F1 {
	font-size: 0.36rem;
}


/*用于少数重要标题（如导航栏标题）*/

.FONT_F2 {
	font-size: 0.32rem;
}


/*用于一些较为重要的文字标题（按钮文字）*/

.FONT_F3 {
	font-size: 0.30rem;
}


/*用于大多数文字（如正文内容等）*/

.FONT_F4 {
	font-size: 0.28rem;
}


/*用于次要文字（如副标题等）*/

.FONT_F5 {
	font-size: 0.26rem;
}


/*用于次要文字（如副标题等）*/

.FONT_F6 {
	font-size: 0.24rem;
}


/*用于次要文字（如副标题等）*/

.FONT_F7 {
	font-size: 0.2rem;
}


/*用于次要文字（如副标题等）*/


/*公共样式title部分*/

.mui-bar {
	background-color: #009FA8;
}

.mui-bar-nav {
	height: 0.96rem;
	padding: 0;
	background: #009FA8;
}

.mui-bar .mui-title {
	line-height: 0.96rem;
	color: #fff;
	font-size: 0.36rem;
}

.mui-bar .mui-pull-left,
.mui-bar .mui-pull-right {
	color: #fff;
}

/*.mui-bar-nav.mui-bar .mui-icon {
	font-size: 0.48rem;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0.24rem;
	padding-left: 0.24rem;
	padding-top: 0;
	padding-bottom: 0;
	line-height: 0.96rem;
}*/


/*公共样式body部分*/

.mui-bar-nav~.mui-content {
	padding-top: 0.96rem;
}


/*公共样式input输入字体颜色*/

::-webkit-input-placeholder {
	color: #d8d8d8;
}

:-ms-input-placeholder {
	color: #d8d8d8;
}


/*公共样式列表部分*/

.mui-table-view:after,
.mui-table-view:before {
	display: none;
	height: 0;
}

.mui-table-view-cell:after {
	height: 1px;
	background: #e6e6e6;
}

/*.mui-table-view-cell:last-child:after {
	left: 0;
	height: 1px;
	background: #e6e6e6;
}*/


.div_add_more {
	height: 0.6rem;
	width: 100%;
	text-align: center;
	margin-top: 0.2rem;
	font-size: 0.3rem;
	line-height: 0.6rem;
	color: #8D8D8D;
	border: 0;
	background: white;
}